<template>
    <div style="border: green solid 1px">
        通过直接引用组件得到父组件的消息: {{ message }}
        <button @click="fireEvent">通过this.$parent返回消息给父组件</button>
    </div>
</template>
<script>
    export default {
        props: {

        },
        data () {
            return {
                message: ""
            }
        },
        /**
         * 计算属性
         */
        computed: {

        },
        methods: {
            fireEvent() {
                /**
                 * 发送on-message消息
                 */
                this.$parent.childMessage = "我是子组件向父组件设置的信息";
            }
        }
    }
</script>
<style scoped>

</style>